<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8 ; IE=9" />
<link href="<s:url value="/css/common.css"/>" rel="stylesheet" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
html {
	font-size: 62.5%;
	height: 100%;
}

div#title {
	font-size: 10.4rem;
	text-shadow: 1px 1px 3px #000;
	height: 300px;
}

div#login{
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	padding: 20px;
	border: 1px solid #EAEB00;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	/*** Background Gradient - 2 declarations one for Firefox and one for Webkit ***/
	background: -moz-linear-gradient(19% 75% 90deg, #D2BF28, #FAE1B3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAE1B3),
		to(#D2BF28) );
	/*** Shadow behind the box
	box-shadow: 0px -5px 300px #EAEB00;
	-moz-box-shadow: 0px -5px 300px #EAEB00;
	-webkit-box-shadow: 0px -5px 300px #EAEB00;
	***/
}

input {
	margin: 0 auto;
	width: 230px;
	background: #BDFEFC;
	padding: 6px;
	margin-bottom: 10px;
	border-top: 1px solid #BDFEFC;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	/*** Adding CSS3 ***/
	/*** Transition Selectors - What properties to animate and how long ***/
	-webkit-transition-property: -webkit-box-shadow, background;
	-webkit-transition-duration: 0.25s;
	/*** Adding a small shadow ***/
	-moz-box-shadow: 0px 0px 2px #000;
	-webkit-box-shadow: 0px 0px 2px #000;

}

input:hover {
	-webkit-box-shadow: 0px 0px 4px #000;
	background: #00EBD4;
	mergin: 0px auto;
}

input.submit {
	width: 30px;
	color: #00EBD4;
	text-transform: uppercase;
	text-shadow: #000 1px 1px;
	border-top: 1px solid #ad64e0;
	margin-top: 10px;
	/*** Adding CSS3 Gradients ***/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#963AD6),
		to(#781bb9) );
	background: -moz-linear-gradient(19% 75% 90deg, #781bb9, #963AD6);
}
</style>
<title>ログイン</title>
</head>
<body>
	<div id="title">BSWS</div>
	<s:form action="top">
	<div id="login">
		<s:actionerror />
		<s:textfield placeholder="ID" label="ユーザーID" name="mail_address"  /><br/>
		<s:password placeholder="PASS" label="パスワード" name="password_cod" />
		<s:submit value="ログイン" />
	</div>
	</s:form>
</body>
</html>